<script setup>
import BannerView from './components/Banner/BannerView.vue';
import IndexHot from './components/Hot/IndexHot.vue';
import HighQuality from './components/HighQuality/HighQualityView.vue';
import Recommended from './components/Recommended/RecommendedView.vue';
import Technology from './components/Technology/TechnologyView.vue';
import AboutUs from './components/AboutUs/AboutUsView.vue';
import DescView from './components/Desc/DescView.vue';
import TechnologyProductView from './components/TechnologyProduct/TechnologyProductView.vue';
import Brand from './components/Brand/Brand.vue';
</script>

<template>
  <div class="home">
    <BannerView />
    <IndexHot />
    <HighQuality />
    <Recommended />
    <Technology />
    <TechnologyProductView />
    <AboutUs />
    <DescView/>
    <Brand />
  </div>
</template>

<style lang="scss" scoped>
  .home{
    background-color: #fff;
  }
  .middle{
    width: 1220px;
  }
</style>
